<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <link href="styles/style.css" rel="stylesheet" />
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/sunny/jquery-ui.min.css" />
        <script src="scripts/jQuery-2.0.2.js"></script>
        <script src="scripts/jquery-ui-1.10.3.custom.min.js"></script>
        <script src="scripts/dialog.js"></script>
    </head>
    <body>
        <div id="wrapper">
            <header>
                <img id="logo" src="imgs/title_logo.png" width="807" height="137">
            </header>
            
            <ul id="menu">
                <li>
                    <a href="game.html">Play</a>
                </li>
                <li>
                    <a href="#" id="btn-help">About</a>
                </li>
            </ul>
            
            <div id="how-to-play" title="How To Play">
                <h4>How To Play</h4>
                <p>Welcome to Pirate Treasure! It is based on the popular game Bejeweled, written on HTML5, Javascript and CSS.</p>
				<h4>The Basics</h4>
                <p>The goal of Pirate Treasure is to swap pairs of gems in order to create sets of three or more.
The main game screen is an 10 x 10 grid of gems. Swap gems with adjacent gems to make lines of three. When a match is made, the matched gems disappear, allowing more gems to fall into the board from above.</p>
				<h4>Controls</h4>
                <p>Swap by clicking one gem and then clicking on an adjacent gem. Gems can only be moved if the move makes a match.</p>
            </div>

            
        </div>        
        
    </body>
</html>